/* MAIN STYLES */

html {
    overflow-x:hidden;
    border: none;
}

body {
    margin:1px;
    color:#666;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    font-size:12px;
    overflow-x:hidden;
}

*, h5 {
    margin:0;
    padding:0;
}

a {
    font-family: Tahoma, Arial, Helvetica, serif;
    font-size:12px;
    color: #058cb6;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

a.navigation img {
    margin-bottom:-5px;
    padding-right:5px;
    border:none;
}

p {
    margin: 20px 0;
}

ul {
    padding-bottom:30px;
}

h3 {
    color:#000;
    font-family: Tahoma, Arial, Helvetica, serif;
    font-size:21px;
    font-weight:normal;
    padding-bottom:37px;
    margin-top:35px;
}

h4 {
	display:inline-block;
	width:100%;
    color:#B5B5B5;
    font-family: Arial, Helvetica, Tahoma, serif;
    font-size:20px;
    font-weight:normal;
    padding-bottom:20px;
}

h5 {
    color:#666;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    font-size:13px;
    padding:4px 0 10px 0;
    font-weight:bold;
}

.column {
    float:left;
    width:24%;
}



/* HEADER */

.header {
    width:100%;
    height: 100px;
    background:url("../images/admin/head_bg.png");
}

a.logo {
    display:block;
    height:90px;
    width:482px;    
    float:left;
    outline:none;
}

.tittle-dhtmlx {
    padding: 29px 0 0 121px;
    font-family:arial, serif;
    font-size:16px;
    color:white;
    float:left;
    cursor:default;
}

/* Search */

.search-field {
    position:absolute;
    float:right;
    right:67px;
    top:30px;
    min-width: 430px;
}

.search-field input {
    float:left;
    width:351px;
    height:20px;
    background: white url("../images/admin/search-field.png");
    border: none;
}

.search-field input:hover {
    background-position:0 -20px;
}

input.button {
    cursor:pointer;
    margin-left:7px;
    float:left;
    width:70px;
    height:20px;
    background: white url("../images/admin/search-button.png");
    border: 0;
}

input.button:hover {
    background-position:0 -20px;
}



/* BUTTONS */

.buttons {
    position:absolute;
    height: 24px;
    left: 40px;
    top:80px;
}
.buttons a {
    display:block;
    height:23px;
    width:auto;
    background-image:url("../images/admin/bg_non_active.png");
    float:left;
    outline:none;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
}
.buttons a#active {
    display:block;
    height:23px;
    width:auto;
    background-image:url("../images/admin/bg_active.png");
    float:left;
    outline:none;
	color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
}
.buttons a:hover {
    background-position:0 -23px;
}


/* CONTENT */

.content {
    margin: 30px 63px 0 63px;
	min-height: 400px;
}

.content li {
    list-style:none;
    height:22px;
}

li img {
    margin-bottom:-5px;
    padding-right: 7px;
}

.line {
    margin: 0;
	padding: 1px;
    background: url("../images/admin/border-dotted.gif") repeat-x top;
}


/* NAVIGATION */

.navigation-div {
    display:block;
    height:35px;
    width:100%;
	margin-bottom:20px;
}

a.navigation {
    outline:none;
    float:left;
    display:block;
    height:25px;
    padding: 2px 10px 0 5px;
    border: solid 1px #cccccc;
}

a.navigation:hover {
    background-color: #eaeff4;
    border-color: #6699CC;
    text-decoration:none;
    outline:none;
}

a.navigation img {
    margin-bottom:-5px;
    padding-right:5px;
    border:none;
}

.arrow {
    float:left;
    height:23px;
    background:url("../images/admin/arrow.gif");
    margin: 3px 3px;
    width:8px;
}

a.view-source {
    border: dashed 1px #cccccc;
}


/* LOGOS */

.big_logo {
    display:block;
    width:200px;
    height:54px;
    overflow:hidden;
    line-height:1000px;
    margin: 40px 0 20px 0;
}

.logo_grid{
	background:transparent url("../images/admin/logo_grid.gif") no-repeat;
}
.logo_treegrid{
	background:transparent url("../images/admin/logo_treegrid.gif") no-repeat;
}
.logo_tree{
	background:transparent url("../images/admin/logo_tree.gif") no-repeat;
}
.logo_layout{
	background:transparent url("../images/admin/logo_layout.gif") no-repeat;
}
.logo_menu{
	background:transparent url("../images/admin/logo_menu.gif") no-repeat;
}
.logo_toolbar{
	background:transparent url("../images/admin/logo_toolbar.gif") no-repeat;
}
.logo_windows{
	background:transparent url("../images/admin/logo_windows.gif") no-repeat;
}
.logo_calendar{
	background:transparent url("../images/admin/logo_calendar.gif") no-repeat;
}
.logo_slider{
	background:transparent url("../images/admin/logo_slider.gif") no-repeat;
}
.logo_scheduler{
	background:transparent url("../images/admin/logo_scheduler.gif") no-repeat;
}
.logo_colorpicker{
	background:transparent url("../images/admin/logo_colorpicker.gif") no-repeat;
}
.logo_combo{
	background:transparent url("../images/admin/logo_combo.gif") no-repeat;
}
.logo_tabbar{
	background:transparent url("../images/admin/logo_tabbar.gif") no-repeat;
}
.logo_accordion{
	background:transparent url("../images/admin/logo_accordion.gif") no-repeat;
}
.logo_folders{
	background:transparent url("../images/admin/logo_folders.gif") no-repeat;
}
.logo_editor{
	background:transparent url("../images/admin/logo_editor.gif") no-repeat;
}
.logo_ajax{
	background:transparent url("../images/admin/logo_ajax.gif") no-repeat;
}

/* Topics */

.topics li {
    background:url("../icons/old.gif") no-repeat;
    padding-left: 25px;
    line-height:22px;
}

.samples li {
    background:url("../icons/file.gif") no-repeat;
}

ul.list {
    margin-left:40px;
}

.list li {
    list-style-image:url("../icons/bullet.gif");
}

.component-demo-placeholder {
    width:602px;
    height:252px;
    background:url("../images/admin/grid-placeholder.gif");
}


/* FOOTER */

.footer {
    display:block;
    float:left;
    width:100%;
    height:64px;
    background: white url("../images/admin/border-dotted-ccc.gif") repeat-x;
}

.footer-logo {
    float:left;
    width:55px;
    height:24px;
    background:url("../images/admin/footer-logo.gif");
    margin: 20px 20px 20px 63px;
}

.copyright {
    float:left;
    margin-top:18px;
    font-size:11px;
}

/* CODE */

.source {
    width:100%;
    background:url("../images/admin/source-bg.gif");
    border-top: dashed 3px #ccc;
    border-bottom: dotted 1px #ccc;
    margin-top:20px;
}

.code {
    margin:20px 63px;
}

.teg {
    height:40px;
    color:#ccc;
    font-size:30px;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    background:url("../images/admin/source.gif") no-repeat 0 22px;
    padding: 10px 0 0 63px;
}

/*colorizer*/


.hl-default {
    color: Black;
}
.hl-code {
    color: Gray;
}
.hl-brackets {
    color: Olive;
}
.hl-comment {
    color: Orange;
}
.hl-quotes {
    color: Darkred;
}
.hl-string {
    color: Red;
}

.hl-identifier {
    color: Blue;
}

.hl-identifier a{
    	    font-family: "Courier New";
	    font-size: 11px;
	    color: Blue;
	    text-decoration: underline;
}

.hl-builtin {
    color: Teal;
}
.hl-reserved {
    color: Green;
}
.hl-inlinedoc {
    color: Blue;
}
.hl-var {
    color: Darkblue;
}
.hl-url {
    color: Blue;
}
.hl-special {
    color: Navy;
}
.hl-number {
    color: Maroon;
}
.hl-inlinetags {
    color: Blue;
}
.hl-main {
    background: transparent;
}
.hl-gutter {
    background-color: #999999;
    color: White
}
.hl-table {
    font-family: "Courier New";
    font-size: 12px;
    border: solid 1px lightgray;
}

/***************************** GRID *****************************/
.grid table,table.grid {
	border: 1px solid #C0C0C0;
	border-width: 1px 0 0 1px;
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 0;
	color: #797979;
}

.grid td {
	border: 1px solid #C0C0C0;
	border-width: 0 1px 1px 0;
	padding: 3px 3px 3px 5px;
	line-height:1.5;
	vertical-align: top;	
}

.grid td.number {
	text-align: right;
}

.grid .head {
	background-color: #EDEDED;
	color: #757575;
	font-weight: bold;
}
.grid .list_action {
}
.grid .list_action span{
	background: url(../images/arrow.png) no-repeat;
	padding-left:20px;
	display:block;
}



.tabs {
background-color:#FFFFFF;
border-bottom:1px solid #C0C0C0;
height:30px;
}
.panel-header-select {
background-image:url(../images/box/box_1_c.png);
background-repeat:no-repeat;
}
.panel-header, .panel-header-select {
float:left;
height:30px;
margin-right:4px;
text-align:center;
width:156px;
}

.panel-header {
background-image:url(../images/box/box_1_c_hover.png);
background-repeat:no-repeat;
cursor:pointer;
}

.panel-header-select label {
color:#892B75;
font-size:13px;
font-weight:bold;
line-height:28px;
width:141px;
}

.panel-header label {
color:#797979;
cursor:pointer;
font-size:13px;
font-weight:bold;
line-height:28px;
width:141px;
}




.buttons_action {
	clear:both;
	font-size:100%;
	margin:5px;
	padding:0;
	text-align:right;
}

button.positive, .buttons_action a.positive {
color:#529214;
}

button[type] {
line-height:17px;
padding:5px 10px 5px 7px;
width:auto;
}

button {
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-weight:bold;
overflow:visible;
padding:4px 10px 3px 7px;
width:auto;
}

.buttons_action a, button {
background-color:#F5F5F5;
border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
border-style:solid;
border-width:1px;
color:#333333;
cursor:pointer;
font-size:100%;
font-weight:bold;
line-height:130%;
margin:0 7px 0 0;
padding:5px 10px 6px 7px;
text-decoration:none;
}
button img, .buttons_action a img {
border:medium none !important;
display:inline !important;
height:16px;
margin:0 3px -3px 0 !important;
padding:0 !important;
width:16px;
}

.mess{
	color: red;
	padding-left: 20px;
	padding-bottom: 10px;
	background-image:url(../images/stop.png);
	background-repeat:no-repeat;
	font-weight: bold;
}